/*重置样式*/
*{margin:0;padding:0;font-family: "Microsoft YaHei",Arial,"Times New Roman";}
ul{list-style: none;}
a{text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
html{font-size:50px;}
.hide-clear{display: hidden;clear:both;}
.clear{clear:both;}
.l{float:left;}
.r{float:right;}
.small-light{color:#787e85;font-size:0.24rem;}
.bcd{color:#2bcd81;font-size: 0.42rem;}
.bg-bcd{background:#2bcd81}
.hor{display:inline-block;}
.vert{vertical-align:middle;}

.navbar .nav-wrap-left a{
	display:inline-block;
	height:45px;
	line-height: 45px;
	font-size:0.32rem;
	vertical-align:middle;
	margin-left: 5px;

}

#menu-div{
	height:20px;
	position: absolute;
	top:-5px;
	left:5px;
    display: none;

}
#menu-div .sorts{
	height:30px;
	font-size:0.28rem;
	vertical-align: middle;
}
#pdown-menu li{
	font-size: 0.32rem;
}
.content{
	width:100%;
	display:flex;
	display: box;
	justify-content:center;
	flex-wrap:wrap;
	
}
.c-div{
	width:20%;
	float: left;
	margin-top:10px;
	text-align: center;
}
.cent-div{
	margin:0 auto;
	width:100%;
	clear:both;
}

i{
	display: block;
	
	font-size: 0.24rem;
}
.clearH{
	clear:both;
	display:hidden;
}
.gray-hr{
	width:100%;
	height:15px;
	border:none;
	background:#f0f0f0;
	margin-top: 20px;
	clear: both;
}
.choose-nav{
	width:100%;
	height:40px;
	border-bottom:1px solid #f0f0f0;
}
.choose-ul .ch-li{
	width:15%;
	height: 20px;
	margin-top:10px;
	float: left;
	text-align:center;
	font-size: 0.28rem;
	color:#787e85;
}
.choose-ul .ch-li p{
	max-width:50%;
}
.choose-ul .black-li{
	color:#000;

}
.choose-ul .ch-li .li-bottom{
	width:40%;
	margin-top:20px;
	border-top:2px solid #787e85;
}
/*Êý¾ÝÏÔÊ¾²¿·Ö*/
.data-div{
	width:100%;
	height:auto;
	margin-top:20px;
	padding-bottom:10px;
	border-bottom:10px solid #f0f0f0;
}
.data-div .l-aside{
	width:20%;
	height:auto;
}
.data-div .l-aside img{
	width:80%;
	height:auto;
	margin-left: 15px;
}
.data-div .r-aside{
	width:80%;
	height:auto;
}
.r-aside .raside-name{
	margin-left:5px;
	height:60px;

}
.r-aside .raside-name .price{
	display:block;
	height:60px;
	line-height:60px;
}
.r-aside .raside-name .price span{
	height:35px;
	vertical-align:middle;
}

.r-aside .raside-name .pro{
	width:60%;
	height:60px;
	font-size:0.28rem;
	text-align: left;

}
.r-aside .raside-name .pro .pro-name{
	font-size:0.28rem;
	text-align: left;

}
.r-aside .raside-name .pro .user-name{
	text-align:left;
	height:35px;
	margin-top:10px;
}
.r-aside .raside-explain{
	margin-top:10px;
	margin-left:5px;
	text-align: left;
	font-size:0.28rem;

}
.raside-img {
	margin-top:10px;
	margin-left: 5px;

}
.raside-img img{
	width:31%;
	margin-right:5px;
}
.r-aside .raside-detail{
	display: block;
	padding: 0;
	margin:0;
	margin-top:10px;
	height:50px;
	line-height:50px;
	text-align: center;

}

.raside-detail .detail-ul{
    width:100%;
    height:50px;
    line-height:37px;
    vertical-align:middle; 
    
}
    .raside-detail .detail-ul .detail-li{
        width:20%;
        height:50px;
        vertical-align:middle;
        float:left;
    }
.detail-ul .detail-li .detail-info{
    display:inline-block;
    height:50px;
    line-height:50px;
    vertical-align:middle;
    font-size:14px;
}
.detail-ul .detail-li .mag-l20{
    display:inline-block;
    vertical-align:middle;
    

}
